<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Lockstep帧同步</title>
	<link rel="stylesheet" type="text/css" href="main.css">
	<script src="ref/jquery.min.js"></script>
	<script src="ref/msgpack.min.js"></script>
	<script src="ref/int64-buffer.min.js"></script>
	<script src="messages.js"></script>
	<script src="msgpkit.js"></script>
	<script src="main.js"></script>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
</head>
<body>
	<div id="content">
		<canvas id="canvas" width="320" height="400"></canvas>
		<button id="reconnect_btn">断线重连</button>
		<p class="bottom_tips">Tips:键盘上下左右键移动方块，回车键停止方块。</p>
		<p id="lag" class="bottom_tips"></p>
	</div>
	<div id="login">
		<p id="title">帧同步小游戏</p>
		<input type="text" id="account" />
		<button id="start_btn">开始游戏</button>
	</div>
	<div id="tips"></div>
</body>
</html>